<template>
  <!-- Vue3 不必只有一个根节点，这种特性叫 Fragment -->
  <p>{{count}}</p>
  <button @click="updateCount">update count</button>
</template>
<script>
export default {
  beforeCreate() {
    console.log('#1 beforeCreate');
  },
  setup() {
    // !执行时机：比 Vue2 的 beforeCreate 还要早，不要使用 data 里面的数据或 methods 里面的方法
    console.log('#0 setup')
    console.log(this) // undefined

    // 数据
    const count = 1
    // 方法
    const updateCount = () => {
      console.log(1)
    }
    // !数据或方法想要使用，必须通过 return 出去
    return {
      count,
      updateCount
    }
  }
}
</script>